.header_box{
    width:100vw;
    height:3.5rem;
    position:relative;
    &:before,&:after{
        content:"";
        width:50vw;
        height:3.5rem;
        position:absolute;
        top:0;
    }
    &:before{
        left:0;
        background:url("../../images/header_right_bg@3x.png") no-repeat left top;
        background-size: 38vw 100%;
    }
    &:after{
        right:0;
        background:url("../../images/header_left_bg@3x.png") no-repeat top right;
        background-size: 38vw 100%;
    }
    h4.header_title{
        display:block;
        height:5rem;
        width:30vw;
        position:absolute;
        top:0; left:50%;
        transform:translate(-50%, 0);
        background:url("../../images/header_ceter_bg@3x.png") no-repeat top center;
        background-size:100% 5rem;
        text-align:center;
        span{
            font-size: 2.2rem;
            line-height: 5rem;
            background-image: -webkit-linear-gradient(bottom, #0085FF, #fff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }
}
